<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>链接和图片标签</title>
</head>

<body>
  <p>
    <a href="http://www.baidu.com">百度</a>
    使用p标签包裹也可以实现换行
  </p>

  <!-- 实现换行 -->
  <br />
  <!-- 打开一个新页面 -->
  <a href="http://www.baidu.com" target="_blank">百度</a>
  <br />


  <!-- 跳转到内部链接 -->
  <p>
    <a href="./4_basic_tags.html">跳转到内部页面</a>
  </p>

  <!-- 本地图片显示 -->
  <img src="./images/山清水秀.jpg" alt="如果图片挂了，会显示" />

  <!-- 网络图片显示 -->
  <img src="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%B1%B1%E9%9D%92%E6%B0%B4%E7%A7%80&step_word=&hs=0&pn=0&spn=0&di=138380&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=1325849758%2C2196630125&os=2171151061%2C3161053185&simid=4112703353%2C639492808&adpicid=0&lpn=0&ln=1885&fr=&fmq=1600060188649_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg3.doubanio.com%2Fview%2Fphoto%2Fl%2Fpublic%2Fp2207588295.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B157kwg_z%26e3Bv54AzdH3Fri5p5fAzdH3Fri5p5AzdH3Fdda0cbbdlcAzdH3F&gsm=1&rpstart=0&rpnum=0&islist=&querylist=&force=undefined" 
  width="200" />
</body>

</html>